<%@ page contentType="text/html; charset=UTF-8" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
<%@taglib prefix="h" uri="/syzg-html"%>
<!DOCTYPE html>
<html>
<body>
<div class="modal fade bs-example-modal-lg" id="editModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
  <div class="modal-dialog modal-lg" role="document" style="margin-top: 0">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
        <h4 class="modal-title" id="myModalLabel">修改角色信息</h4>
      </div>
      <div class="modal-body" id="modalCore">
        <form class="form-horizontal" role="form" id="aeForm" name="aeForm">
          <fieldset>
          <input type="hidden" name="id" value="${role.id}"/>
            <!-- generate code start -->

            <div class="form-group">
              <label class="col-sm-2 control-label" for="code">角色编号</label>
              <div class="col-sm-3">
                <input type="text" id="code" name="code" value="${role.code}" class="form-control" />
              </div>

              <label class="col-sm-2 control-label" for="name">角色名称</label>
              <div class="col-sm-3">
                <input type="text" id="name" name="name" value="${role.name}" class="form-control" />
              </div>
            </div>
            
            <div class="form-group">
              <label class="col-sm-2 control-label" for="description">角色描述</label>
              <div class="col-sm-8">
                <input type="text" id="description" name="description" value="${role.description}" class="form-control" />
              </div>
            </div>
            
            <div class="form-group">
            <label class="col-sm-2 control-label" for="code">角色权限</label>
            <div class="col-sm-9" style="height:320px;overflow: auto;">
            <h:table value="moduleViewList" cssClass="table table-bordered table-hover table-striped">
			<h:column headerTitle="功能名" width="160">
				<c:if test="${o.leafFlag==1 }">
					<input type="checkbox" onclick="selectInput(this);" name="moduleId" ${isSelected } value="${o.id }" />
					${o.name}&nbsp;
				</c:if>
			</h:column>
			<h:column headerTitle="操作名">
			<c:forEach items="${o.operationViews }" var="operationView">
				<input type="checkbox" name="operationId" ${operationView.isSelected } value="${operationView.id }" />
				${operationView.name}&nbsp;&nbsp;&nbsp;
			</c:forEach>
			</h:column>
		  </h:table>
		  </div>
		  </div>

			<!-- generate code end -->
          </fieldset>
        </form>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
        <button type="button" class="btn btn-primary" onclick="submitSave('edit');">保存</button>
      </div>
    </div>
  </div>
</div>
<script type="text/javascript">
$('#aeForm').bootstrapValidator({
  message: 'This value is not valid',
  feedbackIcons: {
      valid: 'glyphicon glyphicon-ok',
      invalid: 'glyphicon glyphicon-remove',
      validating: 'glyphicon glyphicon-refresh'
  },
  fields: {
      /*name: {
    	  group: '.col-sm-3',
          message: 'The username is not valid',
          validators: {
              notEmpty: {
                  message: 'The username is required and cannot be empty'
              },
              stringLength: {
                  min: 6,
                  max: 30,
                  message: 'The username must be more than 6 and less than 30 characters long'
              }
          }
      },
      email: {
    	  group: '.col-sm-3',
          validators: {
              emailAddress: {
                  message: 'The input is not a valid email address'
              }
          }
      }*/
  	}
}).on('success.form.bv', function(e, data) {
	FormFunction.submitSave('edit');
});

function selectInput(flag){    
	   var tdNode = flag.parentNode;
	   var trNode = tdNode.parentNode;
	   var nodename = trNode.nodeName; 
	   var inputs = trNode.getElementsByTagName("input");  
	   for(var count=0;count<inputs.length;count++) {
		   inputs[count].checked=flag.checked;
	   }
	}
</script>
</body>
</html>
